<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>JUSMOR_后台登录</title>
    <link type="text/css" rel="stylesheet" href="/public/css/bootstrap.min.css" />
    <script type="text/javascript" src="/public/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="/public/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/public/js/tools.js"></script>
    <style type="text/css">
        .box_menu {height:29px; max-width:600px; background:rgba(30, 30, 30, 0.6); border-bottom:1px solid #191919;color:#fff; font-weight:bold; line-height:29px; }
        .box_content { background-image:linear-gradient(rgba(30, 30, 30, 0.6) 0px, rgba(30, 30, 30, 0.6) 100%); max-width:590px; padding-top:10px; }
        .row { margin: 0 auto; color:#fff;}
    </style>
</head>
<body>
    <div id="Layer1" style="position: absolute; width: 100%; height: 100%; z-index: -1;">
        <img src="/public/image/bg.jpg" height="100%" width="100%" />
    </div>
    <div class="row">&nbsp;</div>
    <div class="container box_menu">JUSMOR后台登录</div>
    <div class="container box_content">
        <div class="row">
            <div class="">
                <form class="form-horizontal" role="form" id="form1" method="post" action="./action/index.php">
					<input type="hidden" name="action" value="login" />
                    <div class="form-group ">
                        <label for="inputUser" class="col-sm-2 control-label">管理员</label>
                        <div class="col-sm-8 has-success">
                            <input type="text" class="form-control" id="inputUser" name="user_name" placeholder="管理账号">
                        </div>
                    </div>
                    <div class="form-group ">
                        <label for="inputPassword" class="col-sm-2 control-label">密&nbsp;&nbsp;&nbsp;码</label>
                        <div class="col-sm-8 has-success">
                            <input type="password" class="form-control" id="inputPassword" name="password" placeholder="密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="btnSubmit" class="col-sm-2 control-label sr-only">登录</label>
                        <div class=" col-sm-8">
                            <button type="button" class="btn btn-primary btn-block" id="btnSubmit">登录</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $("#btnSubmit").click(function () {
                var username = $("#inputUser");
                var password = $("#inputPassword");
                if($.trim(username.val()).length <= 0) {
                    alert("用户名不能为空！");
                    username.focus();
                } else if ($.trim(password.val()).length <= 0) {
                    alert("密码不能为空!");
                    password.focus();
                } else {
                    $("#form1").submit();
                }
            })
        })

    </script>
</body>
</html>
